﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>输出Table演示</title>
    <title>驰骋工作流</title>
    <script type="text/javascript" src="../../WF/Scripts/bootstrap/js/jquery.min.js"></script>
    <script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
    <link href="../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <link href="../../WF/Scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- 引用通用的js文件. -->
    <script type="text/javascript" src="../../WF/Scripts/config.js"></script>
    <script type="text/javascript" src="../../WF/Comm/Gener.js"></script>
    <script type="text/javascript" src="../../WF/Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../WF/Scripts/bootstrap/bootstrap-paginator/js/bootstrap-paginator.js" type="text/javascript"></script>
    <style type="text/css">
        th{background-color:#F2F2F2;border:1px solid #ddd;}
         .pagination
        {
            margin: 8px 0;
            display: block;
            font-size: 13px;
        }
        .pagination .controls
        {
            float: left;
            border: 0;
            padding: 7px 0 0 15px;
            color: #777;
        }
    </style>
    <script type="text/javascript" language="javascript">
        var pageIdx = 1;
        var pageCount = 1;
        var pageSize =15;
        //页面启动函数.
        $(function () {
            pageIdx = GetQueryString("PageIdx");
            if (pageIdx == null || pageIdx == undefined)
                pageIdx = 1;
            InitPage();
            Paginator();
        });
        function InitPage() {

            var handler = new HttpHandler("BP.Demo.HttpHandlerDemoPage");
            handler.AddPara("PageIdx", pageIdx);
            handler.AddPara("PageSize", pageSize);
            var ens = handler.DoMethodReturnJSON("StudentList_Init");
            $("#Table1").html("");
            for (var i = 0; i < ens.length; i++) {
                var en = ens[i];

                var html = "<tr>";
                html += "<td>" + (i + 1) + "</td>";
                html += "<td><label><input type=checkbox id='CB_" + en.No + "' name='checkboxCol'/>" + en.No + "-" + en.Name + "</label></td>";
                html += "<td>" + en.Name + "</td>";
                html += "<td>" + en.Email + "</td>";
                html += "<td><a href=\"javascript:Del('" + en.No + "');\" ><img src='../../WF/Img/Btn/Delete.png' />删除</a></td>";
                html += "<td><a href=\"javascript:Edit('" + en.No + "');\" ><img src='../../WF/Img/Btn/Edit.gif' />修改</a></td>";
                html += "</tr>";
                $("#Table1").append(html);
            }

        }

        //分页功能
        function Paginator(currentPage) {
            //输出分页.
            var hanler = new HttpHandler("BP.Demo.HttpHandlerDemoPage");
            hanler.AddPara("PageIdx", pageIdx);
            var data = hanler.DoMethodReturnString("StudentList_PageBar");
            if (data.indexOf("err@") != -1) {
                alert("获取数据失败");
                return;
            }
            data = JSON.parse(data);
            var dataSize = parseInt(data["Count"]); //取到总条数
            if (dataSize%pageSize!=0)
                pageCount = parseInt(dataSize / pageSize) + 1;
            else
                pageCount = parseInt(dataSize / pageSize);
            if(pageCount == 0) pageCount =1;


            var options = {
                bootstrapMajorVersion: 3, //版本
                currentPage: currentPage, //当前页数
                totalPages: pageCount, //总页数
                shouldShowPage: true, //是否显示该按钮
                itemTexts: function (type, page, current) {
                    switch (type) {
                        case "first":
                            return "首页";
                        case "prev":
                            return "上一页";
                        case "next":
                            return "下一页";
                        case "last":
                            return "末页";
                        case "page":
                            return page;
                    }
                }, //点击事件，用于通过Ajax来刷新整个list列表
                onPageClicked: function (event, originalEvent, type, page) {
                    pageIdx = page;
                    InitPage();
                    $('#page_info').html("").append("<li class='disabled controls'>当前第" + pageIdx + "页，总共" + pageCount +
                        "页,总共" + dataSize + "条记录。</li>");
                }
            };
            $('#page_nav').bootstrapPaginator(options);
            $('#page_info').html("").append("<li class='disabled controls'>当前第" + pageIdx + "页，总共" + pageCount +
                "页,总共" + dataSize + "条记录。</li>");

        }

        ///编辑.
        function Edit(no) {
            var url = 'Student.htm?No=' + no;
            WinOpen(url);
        }

        //删除.
        function Del(no) {

            if (window.confirm('您确定要删除吗？') == false)
                return;

            var en = new Entity("BP.Demo.BPFramework.Student", no);
            en.Delete();
            alert("删除成功");
            window.location.href = window.location.href;
        }

        function DelAll() {
            if (window.confirm('您确定要删除选择的数据吗？') == false)
                return;
            //获取选中值
            $('input:checkbox[name=checkboxCol]:checked').each(function (k) {
                var no = this.id.replace("CB_", "");
                var en = new Entity("BP.Demo.BPFramework.Student", no);
                en.Delete();
            });
            window.location.href = window.location.href;
        }

        //选择与取消选择.
        function CheckAll(checked) {

            //获取type=checkbox的复选框 遍历输出复选框
            var checkeds = $("input[type='checkbox']");
            for (var i = 0; i < checkeds.length; i++) {
                checkeds[i].checked = checked;
            }
        }

        function New() {
            var url = 'Student.htm';
            WinOpen(url);
        }

/**/</script>
</head>
<body>
    <div class="wrapper wrapper-content animated fadeInRight" style="padding: 0px 10px 0px 10px">
        <div class="ibox-content">
            <div class="row">
                <table class="table table-hover" style="word-wrap: break-word; word-break: break-all;width:98%;margin-left:10px;">
                    <caption >
                        列表输出演示... <a href="javascript:New()">新建</a>
                    </caption>
                    <thead>
                        <tr>
                            <th>
                                序
                            </th>
                            <th>
                                <label>
                                    <input type="checkbox" id="SelectAll" onclick="CheckAll(this.checked);" />选择要操作的字段
                                </label>
                            </th>
                            <th>
                                名称
                            </th>
                            <th>
                                邮件
                            </th>
                            <th>
                                类型
                            </th>
                            <th>
                                操作
                            </th>
                        </tr>
                    </thead>
                    <tbody id="Table1"></tbody>
                </table>
             </div>
            <!-- 显示分页信息 -->
            <div class="row" style="text-align: left;margin-top: -15px;">
                <ul class="pagination" id="page_nav"></ul>
                <ul class="pagination controls" id="page_info"></ul>
                <div style="clear: both;"></div>
            </div>
            <input type="button" value="批量删除" onclick="DelAll();" />
        </div>
    </div>
</body>
</html>
